<!-- 产品列表 -->
<template>
<div class="">
    <h2>购物小车</h2>
    <ul>
        <li v-for="(cart,index) in carts">
            {{cart.title}} 数量:{{cart.num}}
        </li>
    </ul>
</div>
</template>

<script>
import {mapState} from "vuex"
export default {
//import引入的组件需要注入到对象中才能使用
components: {},
data() {
//这里存放数据
return {
    products:[]
};
},
//监听属性 类似于data概念
computed: mapState(["carts"]),
//监控data中的数据变化
watch: {},
//方法集合
methods: {

},
created(){
    console.log(this.$store.state.carts);
}

}
</script>
<style lang='less' scoped>

</style>